Learn CSS学習メモ(外部記事)
要素の占める領域はmargin box, border box, padding box, content boxの4つの領域によって代表され、原則としてこの順に小さくなる。ではインライン要素の場合のボックスの扱いはどうだろうか？
結論から言うとboxは名前の通りに単独の矩形であるとは限らず、複数の矩形の合併の場合がある。個々の矩形は断片 (fragment) と呼ばれる。
https://storage.googleapis.com/zenn-user-upload/6afbf517a898-20220403.png
そうなんだ